<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我们 - 企业官网</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
</head>
<body>
    <!-- 导航栏 -->
    <header>
        <div class="container">
            <div class="logo">
                <h1>品牌名称</h1>
            </div>
            <nav>
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="about.html" class="active">关于我们</a></li>
                    <li><a href="services.html">服务项目</a></li>
                    <li><a href="products.html">产品展示</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                </ul>
            </nav>
            <div class="menu-toggle">
                <i class="fas fa-bars"></i>
            </div>
        </div>
    </header>

    <!-- 页面标题 -->
    <section class="page-header">
        <div class="container">
            <h1>关于我们</h1>
            <p>了解我们的故事、使命和价值观</p>
        </div>
    </section>

    <!-- 公司简介 -->
    <section class="about-section">
        <div class="container">
            <div class="about-content">
                <h2 class="section-title">公司简介</h2>
                <p>我们是一家成立于20XX年的企业，专注于为客户提供专业的解决方案。多年来，我们始终秉持"客户至上，质量为先"的理念，不断追求卓越，为客户创造价值。</p>
                <p>作为行业内领先的服务提供商，我们拥有一支高素质、专业化的团队，他们在各自领域都拥有丰富的经验和专业知识。我们的团队成员来自不同的专业背景，这使我们能够为客户提供多元化的视角和解决方案。</p>
                <p>我们相信，只有通过不断学习和创新，才能在快速变化的市场环境中保持竞争力。因此，我们一直致力于技术创新和服务升级，不断提高自身能力，以满足客户日益增长的需求。</p>
            </div>
            <div class="about-image">
                <img src="images/about-company.jpg" alt="公司简介">
            </div>
        </div>
    </section>

    <!-- 我们的使命和愿景 -->
    <section class="mission-vision">
        <div class="container">
            <div class="mission">
                <h2 class="section-title">我们的使命</h2>
                <p>我们的使命是通过提供高质量的产品和服务，帮助客户实现业务目标，同时为社会创造价值。我们致力于成为客户信赖的长期合作伙伴，与客户共同成长和发展。</p>
            </div>
            <div class="vision">
                <h2 class="section-title">我们的愿景</h2>
                <p>我们的愿景是成为行业内领先的服务提供商，树立行业标杆，引领行业发展。我们希望通过我们的努力，为行业的进步和社会的发展做出贡献。</p>
            </div>
        </div>
    </section>

    <!-- 我们的价值观 -->
    <section class="values">
        <div class="container">
            <h2 class="section-title">核心价值观</h2>
            <div class="values-grid">
                <div class="value-card">
                    <i class="fas fa-handshake"></i>
                    <h3>诚信为本</h3>
                    <p>我们始终坚持诚信经营，与客户建立互信关系</p>
                </div>
                <div class="value-card">
                    <i class="fas fa-users"></i>
                    <h3>团队协作</h3>
                    <p>我们相信团队的力量，通过协作创造更大价值</p>
                </div>
                <div class="value-card">
                    <i class="fas fa-lightbulb"></i>
                    <h3>创新精神</h3>
                    <p>我们鼓励创新思维，不断探索新的可能性</p>
                </div>
                <div class="value-card">
                    <i class="fas fa-award"></i>
                    <h3>追求卓越</h3>
                    <p>我们不断提高标准，追求卓越品质</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 我们的团队 -->
    <section class="team">
        <div class="container">
            <h2 class="section-title">核心团队</h2>
            <div class="team-grid">
                <div class="team-member">
                    <img src="images/team1.jpg" alt="团队成员1">
                    <h3>张三</h3>
                    <p class="position">首席执行官</p>
                    <p>拥有20年行业经验，曾任多家知名企业高管</p>
                </div>
                <div class="team-member">
                    <img src="images/team2.jpg" alt="团队成员2">
                    <h3>李四</h3>
                    <p class="position">技术总监</p>
                    <p>技术专家，曾参与多个重大项目的研发工作</p>
                </div>
                <div class="team-member">
                    <img src="images/team3.jpg" alt="团队成员3">
                    <h3>王五</h3>
                    <p class="position">市场总监</p>
                    <p>营销专家，擅长品牌战略和市场拓展</p>
                </div>
                <div class="team-member">
                    <img src="images/team4.jpg" alt="团队成员4">
                    <h3>赵六</h3>
                    <p class="position">客户服务总监</p>
                    <p>致力于提升客户体验和服务质量</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 发展历程 -->
    <section class="history">
        <div class="container">
            <h2 class="section-title">发展历程</h2>
            <div class="timeline">
                <div class="timeline-item">
                    <div class="timeline-date">
                        <h3>20XX年</h3>
                    </div>
                    <div class="timeline-content">
                        <h4>公司成立</h4>
                        <p>公司在XX地区成立，开始提供基础服务</p>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-date">
                        <h3>20XX年</h3>
                    </div>
                    <div class="timeline-content">
                        <h4>业务扩展</h4>
                        <p>公司业务范围扩大，开始涉足新的领域</p>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-date">
                        <h3>20XX年</h3>
                    </div>
                    <div class="timeline-content">
                        <h4>技术创新</h4>
                        <p>公司投入大量资源进行技术研发，推出创新产品</p>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-date">
                        <h3>20XX年</h3>
                    </div>
                    <div class="timeline-content">
                        <h4>荣获奖项</h4>
                        <p>公司荣获行业内多项重要奖项，得到广泛认可</p>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-date">
                        <h3>至今</h3>
                    </div>
                    <div class="timeline-content">
                        <h4>持续发展</h4>
                        <p>公司继续保持快速增长，不断拓展业务范围</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 合作伙伴 -->
    <section class="partners">
        <div class="container">
            <h2 class="section-title">合作伙伴</h2>
            <div class="partners-grid">
                <div class="partner">
                    <img src="images/partner1.jpg" alt="合作伙伴1">
                </div>
                <div class="partner">
                    <img src="images/partner2.jpg" alt="合作伙伴2">
                </div>
                <div class="partner">
                    <img src="images/partner3.jpg" alt="合作伙伴3">
                </div>
                <div class="partner">
                    <img src="images/partner4.jpg" alt="合作伙伴4">
                </div>
                <div class="partner">
                    <img src="images/partner5.jpg" alt="合作伙伴5">
                </div>
                <div class="partner">
                    <img src="images/partner6.jpg" alt="合作伙伴6">
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-about">
                    <h3>品牌名称</h3>
                    <p>提供专业的企业解决方案</p>
                    <div class="social-links">
                        <a href="#"><i class="fab fa-weixin"></i></a>
                        <a href="#"><i class="fab fa-weibo"></i></a>
                        <a href="#"><i class="fab fa-linkedin"></i></a>
                    </div>
                </div>
                <div class="footer-links">
                    <h3>快速链接</h3>
                    <ul>
                        <li><a href="index.html">首页</a></li>
                        <li><a href="about.html">关于我们</a></li>
                        <li><a href="services.html">服务项目</a></li>
                        <li><a href="products.html">产品展示</a></li>
                        <li><a href="contact.html">联系我们</a></li>
                    </ul>
                </div>
                <div class="footer-contact">
                    <h3>联系方式</h3>
                    <ul>
                        <li><i class="fas fa-map-marker-alt"></i> 北京市朝阳区XX大厦</li>
                        <li><i class="fas fa-phone"></i> (010) 12345678</li>
                        <li><i class="fas fa-envelope"></i> contact@example.com</li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2023 品牌名称. 保留所有权利</p>
            </div>
        </div>
    </footer>

    <script src="js/main.js"></script>
</body>
</html> 